/** @jsxImportSource react */

import { qwikify$ } from '@builder.io/qwik-react';
import DialogDemo from './DialogDemo';
import ButtonDemo from './ButtomDemo';
import SkeletonDemo from './SkeletonDemo';
import SwitchDemo from './SwitchDemo';

function Demo() {
  return (
    <div>
      <h1>Dialog</h1>
      <DialogDemo />
      <hr />
      <h1>Button</h1>
      <ButtonDemo />
      <hr />
      <h1>Skeleton</h1>
      <SkeletonDemo />
      <hr />
      <h1>Switch</h1>
      <SwitchDemo />
    </div>
  );
}

export const QDemo = qwikify$(Demo);
